import {Component} from 'angular2/core';
import {RouteConfig, ROUTER_DIRECTIVES, Route} from 'angular2/router';

import { HomeComponent } from './component/home';
import { ButtonComponent } from './component/button/button';
import { CellComponent } from './component/cell/cell';
import { ToastComponent } from './component/toast/toast';
import { DialogComponent } from './component/dialog/dialog';
import { ProgressComponent } from './component/progress/progress';
import { MsgComponent } from './component/msg/msg';
import { ArticleComponent } from './component/article/article';
import { ActionSheetComponent } from './component/actionsheet/actionsheet';
import { IconsComponent } from './component/icons/icons';
import { PanelComponent } from './component/panel/panel';
import { TabComponent } from './component/tab/tab';
import { TabBarComponent } from './component/tabbar/tabbar';
import { NavBarComponent } from './component/navbar/navbar';
import { SearchBarComponent } from './component/searchbar/searchbar';

@Component({
    selector: 'weui-app',
    template: `
    <router-outlet></router-outlet>
    `,
    directives: [ROUTER_DIRECTIVES]
})

@RouteConfig([

    new Route({path: '/home', component: HomeComponent, name: 'HomeComponent'}),
    new Route({path: '/button', component: ButtonComponent, name: 'ButtonComponent'}),
    new Route({path: '/cell', component: CellComponent, name: 'CellComponent'}),
    new Route({path: '/toast', component: ToastComponent, name: 'ToastComponent'}),
    new Route({path: '/dialog', component: DialogComponent, name: 'DialogComponent'}),
    new Route({path: '/progress', component: ProgressComponent, name: 'ProgressComponent'}),
    new Route({path: '/msg', component: MsgComponent, name: 'MsgComponent'}),
    new Route({path: '/article', component: ArticleComponent, name: 'ArticleComponent'}),
    new Route({path: '/actionsheet', component: ActionSheetComponent, name: 'ActionSheetComponent'}),
    new Route({path: '/icons', component: IconsComponent, name: 'IconsComponent'}),
    new Route({path: '/panel', component: PanelComponent, name: 'PanelComponent'}),
    new Route({path: '/tab', component: TabComponent, name: 'TabComponent'}),
    new Route({path: '/tabbar', component: TabBarComponent, name: 'TabBarComponent'}),
    new Route({path: '/navbar', component: NavBarComponent, name: 'NavBarComponent'}),
    new Route({path: '/searchbar', component: SearchBarComponent, name: 'SearchBarComponent'}),

])

export class AppComponent {

    public title = 'AngularJS WeUI';

}




